<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Developed By M Abdur Rokib Promy">
<meta name="author" content="cosmic">
<meta name="keywords" content="Bootstrap 3, Template, Theme, Responsive, Corporate, Business">
<link rel="shortcut icon" href="${Prefix}images/favicon.png">
<title>
<#if Site.seoTitle?? && Site.seoTitle !="">${Site.seoTitle}<#else>${Site.name}</#if>
</title>

<link href="${Prefix}node_modules/animate.css/animate.min.css" rel="stylesheet" >
<link href="${Prefix}node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
<link href="${Prefix}node_modules/swiper/dist/css/swiper.min.css" rel="stylesheet" >

<link href="${Prefix}css/main.css" rel="stylesheet">
<link href="${Prefix}css/header.css" rel="stylesheet">
<link href="${Prefix}css/footer.css" rel="stylesheet">
<link href="${Prefix}css/services.css" rel="stylesheet">

<script src="${Prefix}node_modules/jquery/dist/jquery.min.js"></script>
<script src="${Prefix}node_modules/wowjs/dist/wow.min.js"></script>
<script src="${Prefix}node_modules/swiper/dist/js/swiper.min.js"></script>
<script src="${Prefix}node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="${Prefix}node_modules/less/dist/less.js"></script>
<script src="${Prefix}node_modules/vue/dist/vue.js"></script>
<script src="${Prefix}node_modules/element-ui/lib/index.js"></script>

</head>

<body>
  <@cms_include ssi="false"file="quick_nva.template.html"></@cms_include>
<!--header start-->
<@cms_include ssi="false"file="header.template.html"></@cms_include>
<!--header end-->
<#assign firstAncestor = Catalog.ancestors?split(':')[0]>
<@cms_catalog id="${firstAncestor}" level="Self">
<#list DataList as c1>
<div class="services-top" style="background-image: url('${internalUrl(c1.logo)}');">
  <div class="container wow fadeInLeft">
  	<div class="row">
      <div class="col-lg-12" >
        <div class="services-top-text">
          <div class="text1">${c1.name}</div>
          <div class="text2">${c1.description}</div>
        </div>
      </div>
    </div>
  </div>
</div>
</#list>
</@cms_catalog>

<@cms_catalog id="${firstAncestor}" level="child" size="10">
<div class="services-top-tabs" >
  <div class="container wow fadeInLeft">
  	<div class="row">
      <div class="col-lg-12" >
        <div class="top-tabs-box">
          <#list DataList as c1>
          <a href="${c1.link}">
              <div class="top-tabs-item">
                ${c1.name} 
              </div>
          </a>
          </#list>
        </div>
      </div>
    </div>
  </div>
</div>
</@cms_catalog>

<div class="container wow fadeInLeft services">
  <div class="row">
    <div class="col-lg-3" >
      <@cms_catalog id="${firstAncestor}" level="Self" size="1">
      <#list DataList as c1>
      <div class="hot-tipcs">
        <div class="hot-tipcs-title">热点专题</div>
        <@cms_content hasattribute="hot" catalogalias="${c1.alias}" level="CurrentAndChild" size="3">

        <#if DataList?size == 0>
        <div class="no-data">
            <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
        </div>
        <#else>
        <#list DataList as content>
        <div class="hot-tipcs-text">
          <a href="${content.link}" target="_blank" rel="noopener noreferrer">
            ${content.title} 
          </a>
        </div>
        <div class="hot-tipcs-time">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
        </#list>
        </#if>

        </@cms_content>  
      </div>
      </#list>
      </@cms_catalog >
    </div>
    <div class="col-lg-9" >
      <@cms_catalog id="${firstAncestor}" level="child" size="5">
      <#list DataList as c1>
        <@cms_catalog alias="${c1.alias}" level="Self" size="10">
          <#list DataList as c1>
            <div class="services-options-content">
              <div class="services-options-content-title">
                <div class="services-options-content-name">${c1.name}</div>
                <div class="services-options-content-more">
                  <a href="${c1.link}">
                    更多>>
                  </a>
                </div>
              </div>

              <@cms_content catalogalias="${c1.alias}" level="CurrentAndChild" size="5">

                <#if DataList?size == 0>
                <div class="no-data">
                    <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
                </div>
                <#else>
                <#list DataList as content>
                <a href="${content.link}" class="options-content-item-a" target="_blank" rel="noopener noreferrer">
                  <div class="services-options-content-item">
                    <div class="services-options-content-text">${content.title}</div>
                    <div class="services-options-content-time">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
                  </div>
                </a>
                </#list>
                </#if>

              </@cms_content>  
            </div>
          </#list>
        </@cms_catalog >
      </#list>
      </@cms_catalog>
    </div>
  </div>
</div>

<@cms_include ssi="false"file="footer.template.html"></@cms_include>
</body>

</html>